<!DOCTYPE html>
<html lang="en">
<head>
    {include file="common/meta" /}

    <style type="text/css">
        body {
            background-color: #ffffff;
        }
        .login-panel{margin-top:150px;}
        .login-screen {
            max-width:800px;
            padding:0;
            margin:0 auto 0 auto;

        }
        .login-screen .well {
            border-radius: 3px;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background: rgba(255,255,255, 0.8);
        }
        .login-screen .copyright {
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
            text-align: center;
        }
        @media(max-width:767px) {
            .login-screen {
                padding:0 20px;
            }
        }
        .profile-img-card {
            width: 100px;
            height: 100px;
            margin: 10px auto;
            display: block;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }
        .profile-name-card {
            text-align: center;
        }

        #login-form {
            margin-top:20px;
        }
        #login-form .input-group {
            margin-bottom:15px;
        }

    </style>
</head>
<body class="login-box-bg">
<div class="header" style="border-bottom:3px solid #18bc9c;">
    <img src="__CDN__/assets/img/xianyu-logo.png">
</div>
<div class="container">
    <div>
        <ul class="progress-regist">
            <li class="progress11">
                <div class="hexagon-box">
                    <div class="hexagon">
                        <img src="__CDN__/assets/img/stepL.png">
                        <span>1</span>
                    </div>
                    <p style="color: #00AAEF;">创建账户</p>
                </div>
            </li>
            <li class="progress11">
                <div class="progress-line line-bg0ef"></div>
            </li>
            <li class="progress11">
                <div class="hexagon-box">
                    <div class="hexagon">
                        <img src="__CDN__/assets/img/stepL.png">
                        <span>2</span>
                    </div>
                    <p style="color: #00AAEF;">选择政务模块</p>
                </div>
            </li>
            <li class="progress11">
                <div class="progress-line line-bgccc"></div>
            </li>
            <li class="progress11">
                <div class="hexagon-box">
                    <div class="hexagon">
                        <img src="__CDN__/assets/img/stepG.png">
                        <span>3</span>
                    </div>
                    <p>政务认证</p>
                </div>
            </li>
            <li class="progress11">
                <div class="progress-line line-bgccc"></div>
            </li>
            <li class="progress11 ">
                <div class="hexagon-box">
                    <div class="hexagon" style="">
                        <img src="__CDN__/assets/img/stepG.png">
                        <span>4</span>
                    </div>
                    <p>注册成功</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="login-wrapper">
        <div class="login-screen">
            <div class="well">
                <form action="" method="post" id="login-form2">
                    <ul class="progres-box">
                        <li class="progress2">
                            <ul>
                                <li class="sub-li0 " style="background: #fff; cursor: no-drop; ">
                                    <img src="__CDN__/assets/img/home.png" style="width:80px;margin-top: 10px;">
                                    <p>政府机构</p>
                                </li>
                                <li class="sub-li" data-status="0">
                                    <img src="__CDN__/assets/img/rensheju.png">
                                    <p data-id="shebao">人社局</p>
                                    <div class="mouseenter-ul" style="display: none; overflow: hidden; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                                        <ul>基础能力									    	<li>
                                            <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                            <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">就业信息												</li>										</ul><ul>信息查询									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">个人基础信息查询												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">参保人员转移进度查询												</li>										</ul><ul>业务办理									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">基本养老保险参保缴费凭证												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">城乡养老人员资料变更												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">个人参保证明打印												</li>										</ul>
                                    </div>
                                </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/gongjijin.png">
                                <p data-id="gongjijin">公积金管理局</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">合作银行信息												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">房贷计算器												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">新房税费计算器												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">存款利息计算器												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">提前还款计算器												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">还款方式对比（商贷VS公积金）												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">缴存信息												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">缴存明细												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">贷款信息												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">贷款还款明细												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">贷款进度明细												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">提取进度查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">预约信息查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">行政执法查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">信用信息查询												</li>										</ul><ul>业务办理									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">前台提取预约												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">申请提前还款												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">公积金提取申请												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">申请提前结清												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">偿还逾期贷款												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">可贷额度计算												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/anquanju.png">
                                <p data-id="gongan">公共安全局</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">违章查询												</li>										</ul><ul>业务办理									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">违章处理												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">事故应急												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">附近停车场												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/lvyou.png">
                                <p data-id="lvyou">旅游局</p>
                                <div class="mouseenter-ul">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">农事体验												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">活动报名												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">旅游资讯												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">驴友互动 												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">投诉方式												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">景点流量查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">热门景点												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">厕所导航												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">景点导航												</li>										</ul><ul>业务办理									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">景点票价												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">景点套餐												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">预订（电子票）、预约												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/jiaoyu.png">
                                <p data-id="jiaoyu">教育局</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">学校介绍												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">招生公告												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">教育咨询												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">自助资讯												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">成绩查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">教材查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">学区查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">招生计划查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">学杂费/班费查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">中高考成绩查询												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/weijiju.png">
                                <p data-id="weiji">卫计局</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">部门简介												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">健康百科												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">医院介绍												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">投诉留言												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">掌上挂号												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">在线预约												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">检验单查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">医院导航												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/jiaotongguanliju.png">
                                <p data-id="jiaotong">交通管理局</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">今日油价												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">互动接待台												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">交通违章信息公布												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">事故应急												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">投诉建议												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">实时路况信息查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">交通违法查询记录												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">最新违章提醒  												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">罚款金额												</li>										</ul><ul>业务办理									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">年审信息												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">违法扣分												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">轻度违法在线处理												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">重度违法在线预约												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/shuidianju.png">
                                <p data-id="zilaishui">水电局</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">部门简介 												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">投诉留言												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">水费查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">缴水费												</li>										</ul><ul>业务办理									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">用户绑定												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">欠费提醒												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/chuxing.png">
                                <p data-id="zixingche">公共出行</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">志愿者活动												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">俱乐部活动												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">路线推荐（导航）												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">骑行互动论坛												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">团队租车服务												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">租车查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">还车指南												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">扫码租车/还车												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/keyun.png">
                                <p data-id="keyun">客运中心</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">部门简介												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">投诉留言												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">汽车时刻表												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">汽车票查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">汽车票购买												</li>										</ul>
                                </div>
                            </li><li class="sub-li" data-status="0">
                                <img src="__CDN__/assets/img/tianranqi.png">
                                <p data-id="ranqi">天然气公司</p>
                                <div class="mouseenter-ul" style="display: none;">
                                    <ul>基础能力									    	<li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">资讯热点												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">部门简介												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">欠费提醒												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">信息公告（天气通知等）												</li><li>
                                        <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">投诉留言												</li>										</ul><ul>信息查询									    	<li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">燃气公司信息查询												</li><li>
                                    <img style="width: 10px; margin-right: 5px;" src="__CDN__/assets/img/icon-duihao.png">燃气缴费/代缴												</li>										</ul>
                                </div>
                            </li>
                            </ul>

                        </li>
                    </ul>
                    <br/><br/><br/>
                    <ul>
                        <li>
                            <span>
                                <input type="hidden" name="rand" value="{time}">
                                <button type="submit" style="width: 200px;" class="btn btn-success btn-lg btn-block">下一步</button>
                            </span>
                        </li>
                    </ul>

                </form>
            </div>
        </div>
    </div>
</div>

{include file="common/script" /}
</body>
</html>